<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">
<body>
	<ui:composition template="/templates/template.xhtml">
		<ui:define name="title">Transferencias al Fondo Común</ui:define>
		<ui:define name="body">
			<h:form id="moviForm" prependId="false">
				<rich:panel columns="4">
					<f:facet name="header">
						<h:outputText value="Transferencias al Fondo Común" />
					</f:facet>


					<h:panelGrid columns="2">

						<h:outputText value="Año:" />
					
						<h:selectOneMenu id="anio" value="#{adminMovimientosBean.anioSelec}" valueChangeListener="#{adminMovimientosBean.anioChanged}" >
						 <a4j:ajax event="change" render="tablaMov,botonConfirmar,importeTotal,importeTotalRestante" />
							<f:selectItems value="#{adminMovimientosBean.anios}" />
						</h:selectOneMenu>
						
						
						<h:outputText value="Mes:" />
						<h:selectOneMenu value="#{adminMovimientosBean.mesSelec}"
							valueChangeListener="#{adminMovimientosBean.mesChanged}">
							<a4j:ajax event="change" render="tablaMov,botonConfirmar,importeTotal,importeTotalRestante" />
							<f:selectItems value="#{adminMovimientosBean.meses}" />
						</h:selectOneMenu>

					</h:panelGrid>

					<h:panelGrid columns="1">
						<rich:dataTable
							value="#{adminMovimientosBean.movimientosAlFondoComun}"
							var="movimiento" id="tablaMov" rows="15" rowKeyVar="row"
							border="0" cellpadding="4" cellspacing="0" rules="all">
							
							
							
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Filial" />
								</f:facet>
								<h:outputText value="#{movimiento.zona.nombre}" />
							</rich:column>

							<rich:column>
								<f:facet name="header">
									<h:outputText value="Cuenta origen" />
								</f:facet>
								<h:outputText value="#{movimiento.egreso.desde.descripcion}" />
							</rich:column>

							<rich:column>
								<f:facet name="header">
									<h:outputText value="Cuenta destino" />
								</f:facet>
								<h:outputText value="#{movimiento.egreso.hasta.descripcion}" />
							</rich:column>			

							<rich:column>
								<f:facet name="header">
									<h:outputText value="Total de ingresos" />
								</f:facet>
								<h:outputText value="#{movimiento.importeTotalMes}">
									<f:convertNumber currencySymbol="$" type="currency" />
								</h:outputText>

							</rich:column>

							<rich:column>
								<f:facet name="header">
									<h:outputText value="Aporte al fondo común (30%)" />
								</f:facet>
								<h:outputText value="#{movimiento.egreso.importe}">
									<f:convertNumber currencySymbol="$" type="currency" />
								</h:outputText>
								
							</rich:column>
							
							
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Transf. Realizada" />
								</f:facet>
								<h:outputText value="#{movimiento.registrado eq true?'Si':'No' }"/>
							</rich:column>
						</rich:dataTable>
					</h:panelGrid>
					<h:messages errorStyle="color:red" id="mensajes" />

					<h:panelGrid columns="4">
						<h:outputText value="Total del mes: " /> <h:outputText value="#{adminMovimientosBean.importeTotal}" id="importeTotal"><f:convertNumber currencySymbol="$" type="currency" /></h:outputText>					
					</h:panelGrid>
					<h:panelGrid columns="4">
						<h:outputText value="Faltan transferir: " /> <h:outputText value="#{adminMovimientosBean.importeTotalRestante}" id="importeTotalRestante"><f:convertNumber currencySymbol="$" type="currency" /></h:outputText>
					</h:panelGrid>
					
					<a4j:commandButton value="Registrar movimientos" disabled="#{fn:length(adminMovimientosBean.movimientosAlFondoComun) eq 0 or adminMovimientosBean.importeTotalRestante eq 0}"
							onclick="#{rich:component('confirmacion')}.show();return false"
							id="botonConfirmar" />
					

					<a4j:jsFunction name="registrarMovimientos"
						action="#{adminMovimientosBean.doConfirmarMovimientosFondoComun}"
						render="tablaMov,botonConfirmar,mensajes,importeTotalRestante" />

					<rich:popupPanel id="confirmacion" width="280" height="120">
						<f:facet name="header">Mensaje del sistema</f:facet>
						<h:panelGrid>

							<h:outputText
								value="¿Desea confirmar los siguientes movimientos?" />
							<h:outputText
								value="Los mismos serán registrados en las respectivas zonas y en el fondo común." />
							<h:panelGroup>
								<input type="button" value="Aceptar"
									onclick="#{rich:component('confirmacion')}.hide();registrarMovimientos();return false" />
								<input type="button" value="Cancelar"
									onclick="#{rich:component('confirmacion')}.hide();return false" />
							</h:panelGroup>
						</h:panelGrid>
					</rich:popupPanel>

				</rich:panel>
			</h:form>
		</ui:define>
	</ui:composition>
</body>
</html>
